<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../lib/basic/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <link type="text/css" href="../home/css/sellsenter.css" rel="stylesheet" />
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="../common/js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="../home/js/bootstrap.min.js"></script>
    <script src="../common/js/distpicker.data.js"></script>
    <script src="../common/js/distpicker.js"></script>
    <script src="../common/js/main.js"></script>
    <script type="text/javascript" src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>
    <title>采购单位入驻页面</title>
</head>
<body style="background-color: #EEEEEE">
<div id="unitsenter"  align="center">
    <ul id="tab" align="center" style="list-style: none">
        <li style="float: left">
            <div>
                <img src="../lib/images/logobig.png"/>
                <span style="font-size: 18px;margin-left: 50px;">欢迎注册！</span>
            </div>
        </li>
        <li style="float: right;line-height: 100px;margin-right: 300px;">
            <a href="../home/home.html"><div>
                <img src="../lib/images/home.png"/>
                <span style="font-size: 18px;">回到首页</span>
            </div></a>
        </li>
    </ul>
    <div id="div2" style="height: 1100px;" >
        <p id="div3" style="padding-top: 50px;"><b id="divb">{{title}}</b></p>
            <form id="fom" style="margin: auto;width: auto;" align="center">
                <div id="div4">
                    <span style="color: red;">*</span>帐号：
                    <input  id="input1" v-model="unitEnter.username" onblur="v_username();" style="background-color: #FFFFFF" type="text"/>
                    <img id="img-iconUnit-11" src="../lib/images/icon-1.png"><img id="img-iconUnit-12" src="../lib/images/icon-2.png">
                    <span id="tabUnit-1"></span>
                </div>
                <div style="margin-top: 35px;">
                    <span style="color: red">*</span>姓名：
                    <input  id="input5" v-model="unitEnter.xmname" onblur="v_xmname();" type="text"/>
                    <img id="img-iconUnit-51" src="../lib/images/icon-1.png"><img id="img-iconUnit-52" src="../lib/images/icon-2.png">
                    <span id="tabUnit-5"></span>
                </div>
                <div style="margin-top: 35px;">
                    <span style="color: red">*</span>性别：
                    <select id="input51" v-model="unitEnter.sex" onblur="v_sex();">
                        <option>男</option><option>女</option>
                    </select>
                    <img id="img-iconUnit-511" src="../lib/images/icon-1.png"><img id="img-iconUnit-512" src="../lib/images/icon-2.png">
                    <span id="tabUnit-51"></span>
                </div>
                <div style="margin-top: 35px;margin-left: -30px;">
                    <span style="color: red">*</span>单位名称：
                    <input  id="input2" v-model="unitEnter.name" onblur="v_name();" type="text"/>
                    <img id="img-iconUnit-21" src="../lib/images/icon-1.png"><img id="img-iconUnit-22" src="../lib/images/icon-2.png">
                    <span id="tabUnit-2"></span>
                </div>
                <div style="margin-top: 35px;">
                    <span style="color: red">*</span>手机：
                    <input id="input3" v-model="unitEnter.telephone" onblur="v_telphone();" onkeyup="v_telphone();" type="text"/>
                    <img id="img-iconUnit-31" src="../lib/images/icon-1.png" style="right: 300px;"><img id="img-iconUnit-32" src="../lib/images/icon-2.png" style="right: 300px;">
                    <input type="button" v-on:click="telCode" id="code"  value="获取验证码"style="width: 80px;height: 34px;margin-left:-82px;"/>
                    <span id="tabUnit-3"></span>
                </div>
                <div style="margin-top: 35px;margin-left: -15px">
                    <span style="color: red">*</span>验证码：
                    <input id="input71" onblur="v_code();" onkeyup="v_code();" maxlength="4" name="securityCodeUser"  v-model="securityCodeUser" type="text"/>
                    <img id="img-iconUnit-71" src="../lib/images/icon-1.png" ><img id="img-iconUnit-72" src="../lib/images/icon-2.png">
                    <span id="tabUnit-7" style="right: 80px;"></span>
                </div>
                <div style="margin-top: 35px;margin-bottom: 35px;">
                    <span style="color: red">*</span>邮箱：
                    <input id="input4" v-model="unitEnter.email" onblur="v_email();" type="text"  />
                    <img id="img-iconUnit-41" src="../lib/images/icon-1.png"><img id="img-iconUnit-42" src="../lib/images/icon-2.png">
                    <span id="tabUnit-4"></span>
                </div>
                <div style="margin:0 0 35px -30px;">
                    <span style="color: red">*</span>年初预算：
                    <input id="input9" v-model="unitEnter.budgetAmount"  placeholder="只可输入数字"  onblur="v_budgetAmount();" type="number"  />
                    <img id="img-iconUnit-91" src="../lib/images/icon-1.png"><img id="img-iconUnit-92" src="../lib/images/icon-2.png">
                    <span id="tabUnit-9" style="right: 80px;"></span>
                </div>
                <div style="margin:0 0 50px -30px;">
                    <span style="color: red">*</span>结余金额：
                    <input id="input10" v-model="unitEnter.balanceAmount" placeholder="只可输入数字" onblur="v_balanceAmount();" type="number" />
                    <img id="img-iconUnit-101" src="../lib/images/icon-1.png"><img id="img-iconUnit-102" src="../lib/images/icon-2.png">
                    <span id="tabUnit-10" style="right: 80px;"></span>
                </div>
                <div style="margin-top:-17px; margin-left: -60px;">
                    <span style="color: red">*</span>所属采购区域&nbsp;:&nbsp;&nbsp;
                    <template>
                        <el-select v-model="unitEnter.createBy" id="elel"  placeholder="请选择" style="width: 400px;height: 36px;display: inline-table;">
                            <el-option v-for="item in optionsUser"  :key="item.value" :label="item.label" :value="item.value">
                            </el-option>
                        </el-select>
                    </template>
                    <img id="img-iconUnit-61" src="../lib/images/icon-1.png"><img id="img-iconUnit-62" src="../lib/images/icon-2.png">
                    <span id="tabUnit-6"></span>
                </div>
                <div style="margin-top:35px;margin-left:175px;float: left">
                    <span style="color: red">*</span>单位地址：
                </div>
                <div class="form-inlin" style="width:420px;margin-left: 260px;margin-top: 50px;">
                    <div data-toggle="distpicker" id="distpicker">
                        <div class="form-group">
                            <select class="form-control select " onblur="v_address();" onclick="v_address();" id="province1"></select>
                        </div>
                        <div class="form-group">
                            <select class="form-control select" onblur="v_address();" onclick="v_address();" id="city1"></select>
                        </div>
                        <div class="form-group">
                            <select class="form-control"  id="district1"></select>
                        </div>
                        <span id="tab9" style="margin-top: -10px;margin-left: 8px;"></span>
                    </div>
                    <div style="clear: both"></div>
                </div>
                <div style="margin: 35px 0 0 -30px;">
                    <span style="color: red">*</span>详细地址：
                    <textarea id="text" rows="" v-model="unitEnter.text" cols="" onkeyup="v_addtext();" style="height: 85px;resize:none;overflow:hidden"></textarea>
                    <img id="img-iconUnit-81" src="../lib/images/icon-1.png" style="margin-top: -50px;"><img id="img-iconUnit-82" src="../lib/images/icon-2.png" style="margin-top: -50px;">
                    <span id="tabUnit-8" style="margin-top: -50px;"></span>
                </div>
                <div id="div5" align="center">
                    <div class="modal-footer">
                        <button type="button" :plain="true" id="button" style="width: 80px;"
                                class=" am-btn  am-btn-warning am-round btn btn-default"
                                v-on:click="addUnitEnter();" :plain="true" data-dismiss="modal">{{buttom}}
                        </button>
                    </div>
                </div>
            </form>
    </div>
    <iframe id="iframe"  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" width="100%" scrolling="no"  src="../home/otherFoot.html" style="border: none;"></iframe>

</div>
<script src="../charge/unitsenter.js"></script>
<script src="../charge/homeUnitForm.js"></script>
<script type="text/javascript" >

    $("#distpicker").distpicker({
        province: '甘肃省',
        city: '张掖市'
    });

</script>

</body>
</html>